/* CSS Document */
/* created by Adri-2014 */

.content {
	width: 96.09375%;
	margin: 20px auto;
	padding: 0px;
}
.head-content {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #3278f2;
}
.head-content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	background: url(../images/arrow.png) no-repeat left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 40px;
	color: #fff;
}
.video {
	width: 100%;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.colloum-wrape {
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.colloum {
	width: 23.47560975609756%;
	float: left;
	margin: 0px 2.032520325203252% 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum ul {
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.colloum li {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	color: #fffd7c;
	background: #d5af0e;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	background-image: linear-gradient(#ffd525, #a58603);
	border: 1px solid #de960a;
	box-shadow: 0 0 3px #ffd525 inset;
}
.colloum li.red {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	color: #fffd7c;
	background: #be1f12;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	background-image: linear-gradient(#e44235, #aa180d);
	border: 1px solid #e04033;
	box-shadow: 0 0 3px #f6675c inset;
}
.colloum a.red {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-decoration: none;
	overflow: hidden;
	color: #fff;
}
.colloum a {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-decoration: none;
	overflow: hidden;
	color: #2d2400;
}
.colloum h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-end {
	width: 23.47560975609756%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-end ul {
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.colloum-end li {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	color: #fffd7c;
	background: #be1f12;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 5px;
	background-image: linear-gradient(#e44235, #aa180d);
	border: 1px solid #e04033;
	box-shadow: 0 0 3px #f6675c inset;
}
.colloum-end a {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-decoration: none;
	overflow: hidden;
	color: #fff;
}
.colloum-end h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 23.47560975609756%;
	float: left;
	margin: 0px 2.032520325203252% 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-cctv h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #feda45;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv img {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.colloum-cctv label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
.colloum-cctv-end {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 23.47560975609756%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-cctv-end h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #feda45;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-end h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-end img {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.colloum-cctv-end label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
.colloum-cctv-samping-denah {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 15.98373983739837%;
	float: left;
	margin: 0px 2.032520325203252% 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-cctv-samping-denah h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #feda45;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-samping-denah h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-samping-denah img {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.colloum-cctv-samping-denah label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
.colloum-cctv-samping-denah-end {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 48.98373983739837%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-cctv-samping-denah-end h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #feda45;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-samping-denah-end h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-samping-denah-end img {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.colloum-cctv-samping-denah-end label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

.colloum-cctv-denah {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 78.98373983739837%;
	float: left;
	margin: 0px 2.032520325203252% 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-cctv-denah h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #feda45;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-denah h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-denah img {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.colloum-cctv-denah label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
.colloum-cctv-denah-end {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 48.98373983739837%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-cctv-denah-end h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #feda45;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-denah-end h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-denah-end img {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.colloum-cctv-denah-end label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}


.colloum-cctv-2-colloum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 48.98373983739837%;
	float: left;
	margin: 0px 2.032520325203252% 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-cctv-2-colloum h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #feda45;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-2-colloum h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-2-colloum img {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.colloum-cctv-2-colloum label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
.colloum-cctv-2-colloum-end {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 48.98373983739837%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-cctv-2-colloum-end h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #feda45;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-2-colloum-end h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-2-colloum-end img {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.colloum-cctv-2-colloum-end label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
.colloum-cctv-1-colloum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-cctv-1-colloum h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #feda45;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-1-colloum h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-cctv-1-colloum img {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.colloum-cctv-1-colloum label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
 @media only screen and (max-width: 1366px) {
.content {
	max-width: 984px;
	width: 96.09375%;
	margin: 20px auto;
	padding: 0px;
}
.head-content {
	max-width: 984px;
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-wrape {
	max-width: 984px;
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.colloum-cctv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	max-width: 231px;
	width: 23.47560975609756%;
	float: left;
	margin: 0px 2.032520325203252% 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-cctv img {
	max-width: 231px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.colloum-cctv-end {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	max-width: 231px;
	width: 23.47560975609756%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-cctv-end img {
	max-width: 231px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.colloum {
	max-width: 231px;
	width: 23.47560975609756%;
	float: left;
	margin: 0px 2.032520325203252% 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-end {
	max-width: 231px;
	width: 23.47560975609756%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-cctv-2-colloum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	max-width: 482px;
	width: 48.98373983739837%;
	float: left;
	margin: 0px 2.032520325203252% 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #3278f2;
}
.colloum-cctv-2-colloum img {
	max-width: 482px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
}
 @media only screen and (max-width: 768px) {
.colloum h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum-end h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b;
}
.colloum li {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	color: #fffd7c;
	background: #d5af0e;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-radius: 5px;
	background-image: linear-gradient(#ffd525, #a58603);
	border: 1px solid #de960a;
	box-shadow: 0 0 3px #ffd525 inset;
}
.colloum li.red {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	color: #fffd7c;
	background: #be1f12;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-radius: 5px;
	background-image: linear-gradient(#e44235, #aa180d);
	border: 1px solid #e04033;
	box-shadow: 0 0 3px #f6675c inset;
}
.colloum-end li {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	color: #fffd7c;
	background: #be1f12;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-radius: 5px;
	background-image: linear-gradient(#e44235, #aa180d);
	border: 1px solid #e04033;
	box-shadow: 0 0 3px #f6675c inset;
}
.colloum-cctv h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #feda45;
}
.colloum-cctv h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}
.colloum-cctv-end h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #feda45;
}
.colloum-cctv-end h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}
.colloum-cctv label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}
.colloum-cctv-end label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}

}
